<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/panel.css">
</head>

<body>
    <div class="ThingJS_wrap">
        <div class="ThingJS_Banner-top">
            <div class="logo">
                <p class="logo-img" title="没有提供切图"></p>
            </div>
            <div class="title">三维可视化综合管理平台</div>

            <div class="search-icon"></div>
            <div class="setting-icon"></div>
            <div class="line"></div>
            <div class="login">
                <div class="login-img"></div>
                <p class="login-name">admin</p>
                <div class="login-arrow"></div>
            </div>
            <li class="tools-li tools-lib">
                <p class="tools-p"></p>
                <svg class="tools-svg" aria-hidden="true" style='display:none'>
                    <use xlink:href=""></use>
                </svg>
                <p class="tools-title">仓库编号</p>
                <p class="tools-name">仓库编号</p>
            </li>
        </div>

        <div class="panel panel20">
            <div class="ThingJS_nav-horizontal">
                <div class="main">
                    <ul class="menu1">
                        <li class="li1">
                            <p class="p1">全景</p>
                            <span class="arrows"></span>
                        </li>
                        <li class="li1">
                            <p class="p1">建筑</p>
                            <span class="arrows"></span>
                        </li>
                        <li class="li1">
                            <p class="p1">2层</p>
                            <span class="arrows ThingJS_arrows-open"></span>
                            <ul class="menu1">
                                <li class="li1">
                                    <p class="p1">我是菜单</p>
                                    <span class="arrows"></span>
                                </li>
                                <li class="li1 active">
                                    <p class="p1">我是菜单</p>
                                    <span class="arrows"></span>
                                </li>
                                <li class="li1">
                                    <p class="p1">我是菜单</p>
                                    <span class="arrows"></span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="panel panel19">
            <div class="ThingJS_nav-vertical">
                <ul class="menu1 ThingJS_folder">
                    <li class="li1 ThingJS_folder-li">
                        <p class="p1 ThingJS_folder_title">我是菜单</p>
                        <span class="arrows ThingJS_folder_arrow"></span>
                    </li>
                    <ul class="menu1 ">
                        <li class="li1">
                            <p class="p1">我是菜单</p>
                            <span class="arrows ThingJS-arrow-no"></span>
                        </li>
                    </ul>
                    <ul class="menu1 ">
                        <li class="li1 ThingJS_active">
                            <p class="p1">我是菜单</p>
                            <span class="arrows ThingJS-arrow-no"></span>
                        </li>
                    </ul>
                    <ul class="menu1 ">
                        <li class="li1">
                            <p class="p1">我是菜单</p>
                            <span class="arrows ThingJS-arrow-no"></span>
                        </li>
                    </ul>
                </ul>
            </div>
        </div>

        <div class="ThingJS_Banner-left">
            <li class="tools-li ">
                <p class="tools-p"></p>
                <svg class="tools-svg" aria-hidden="true" style='display:none'>
                    <use xlink:href=""></use>
                </svg>
                <p class="tools-title">仓库编号</p>
                <p class="tools-name">仓库编号</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">温度检测</p>
                <p class="tools-name">温度检测</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">温度云图</p>
                <p class="tools-name">温度云图</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">能耗统计</p>
                <p class="tools-name">能耗统计</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">粮食储量</p>
                <p class="tools-name">粮食储量</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">视频监控</p>
                <p class="tools-name">视频监控</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">温度云图</p>
                <p class="tools-name">温度云图</p>
            </li>
            <li class="tools-li">
                <p class="tools-p"></p>
                <p class="tools-title">人车点位</p>
                <p class="tools-name">人车点位</p>
            </li>
        </div>
        <!-- 面板17 -->
        <div class="panel panel17">
            <div class="main">
                <ul class="dv-image-boolean">
                    <li class="tools-li ThingJS_img-icon">
                        <p class="tools-p ThingJS_image-icon"></p>
                        <svg class="tools-svg ThingJS_svg" aria-hidden="true" style='display:none'>
                            <use xlink:href=""></use>
                        </svg>
                        <p class="tools-title ThingJS_image-title">仓库编号</p>
                        <p class="tools-name ThingJS_property-name">仓库编号</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度检测</p>
                        <p class="tools-name">温度检测</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度云图</p>
                        <p class="tools-name">温度云图</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">能耗统计</p>
                        <p class="tools-name">能耗统计</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">粮食储量</p>
                        <p class="tools-name">粮食储量</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">视频监控</p>
                        <p class="tools-name">视频监控</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度云图</p>
                        <p class="tools-name">温度云图</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">人车点位</p>
                        <p class="tools-name">人车点位</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 面板18 -->
        <div class="panel panel18">
            <div class="main">
                <ul class="dv-image-boolean ThingJS_tools_hasname">
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">仓库编号</p>
                        <p class="tools-name">仓库编号</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度检测</p>
                        <p class="tools-name">温度检测</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度云图</p>
                        <p class="tools-name">温度云图</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">能耗统计</p>
                        <p class="tools-name">能耗统计</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">粮食储量</p>
                        <p class="tools-name">粮食储量</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">视频监控</p>
                        <p class="tools-name">视频监控</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">温度云图</p>
                        <p class="tools-name">温度云图</p>
                    </li>
                    <li class="tools-li">
                        <p class="tools-p"></p>
                        <p class="tools-title">人车点位</p>
                        <p class="tools-name">人车点位</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 面板1 -->
        <div class="panel panel1 ThingJS_s2c5">
            <div class="main">
                <div class="dv-string ThingJS_string">
                    <p class="p1">
                        <span class="span1 ThingJS_property-name">视频监控：</span>
                        <span class="span2 ThingJS_string-value">总共332个</span>
                        <input class="input1 ThingJS_text" type="text" value="0.14MPV">
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板2 -->
        <div class="panel panel2 ThingJS_s2c5">
            <div class="main">
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">温度</span>
                        <span class="span1">25℃</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板3 -->
        <div class="panel panel3 ThingJS_s2c4">
            <div class="main">
                <div class="dv-string">
                    <p class="p1">
                        <span class="span3"></span>
                        <span class="span2">1326公里</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板4 -->
        <div class="panel panel4 ThingJS_s2c2">
            <div class="main">
                <div class="title">
                    <p class="text">北京农商银行望花路金库</p>
                    <span class="close"></span>
                </div>
                <div class="dv-string dv1-noline">
                    <p class="p1">
                        <span class="span1">ATM数量</span>
                        <span class="span2">1280</span>
                    </p>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">告警数量</span>
                        <span class="span2">12</span>
                    </p>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">告警类型</span>
                        <span class="span2">运行告警</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板5 -->
        <div class="panel panel5 ThingJS_s2c3">
            <div class="main">
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">车牌</span>
                        <span class="span2">京A12345</span>
                    </p>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">品种</span>
                        <span class="span2">北京优锘有限公司</span>
                    </p>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">水压</span>
                        <input class="input1" type="text" value="0.14MPV">
                    </p>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">品种</span>
                        <span class="span2">1号</span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板7 -->
        <div class="panel panel7 ThingJS_Panel">
            <div class="main">
                <div class="title ThingJS_Title">
                    <img src="./images/panel/icon-daohang.png" alt="" class="ThingJS_titleImg"
                        style="float: left;margin: 10px 15px;height: 16px;width: auto;display: none">
                    <p class="text">
                        <span class="ThingJS_Name ThingJS_Up">ATM状态</span>
                    </p>
                    <span class="close ThingJS_Close"></span>
                </div>
                <div class="ThingJS_UI">
                    <div class="ThingJS_has-slider ">
                        <div class="p1">
                            <span class="span1">温度:(30℃~120℃)</span>
                            <div class="slider-bar">
                                <div class="slider">
                                    <span class="slider-sp1"></span>
                                    <span class="slider-sp2">40%</span>
                                </div>
                            </div>
                            <span class="span5"></span>
                        </div>
                    </div>
                    <div class="ThingJS_has-slider">
                        <div class="p1">
                            <span class="span1">温度:(30℃~120℃)</span>
                            <div class="slider-bar">
                                <div class="slider">
                                    <span class="slider-sp1 slider-sp1-blue"></span>
                                    <span class="slider-sp2">40%</span>
                                </div>
                            </div>
                            <span class="span5"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 面板8 -->
        <div class="panel panel8">
            <div class="main">
                <div class="title">
                    <p class="text">NO-OIERYWT</p>
                    <span class="close"></span>
                </div>
                <div class="dv-input ThingJS_checkbox">
                    <div class="dv33">
                        <div class="dv22 ThingJS_checkbox_btn">
                            <input type="checkbox" class="input1 ThingJS_checkbox_input">
                            <span class="input2"></span>
                            <span class="text ThingJS_property-name">开启摄像头01</span>
                        </div>
                        <div class="dv22">
                            <input type="checkbox" class="input1">
                            <span class="input2"></span>
                            <span class="text">开启摄像头01</span>
                        </div>
                        <div class="dv22">
                            <input type="checkbox" class="input1" checked="checked">
                            <span class="input2"></span>
                            <span class="text ThingJS_checked">开启摄像头01</span>
                        </div>
                        <div class="dv22">
                            <input type="checkbox" class="input1">
                            <span class="input2"></span>
                            <span class="text">开启摄像头01</span>
                        </div>
                    </div>
                </div>
                <div class="dv-input ThingJS_radio">
                    <div class="dv33">
                        <div class="dv22 ThingJS_radio_item">
                            <input type="radio" class="input1 ThingJS_radio_input" checked="checked" name="radio1">
                            <span class="input2"></span>
                            <span class="text ThingJS_checked ThingJS_property-name">开启摄像头01</span>
                        </div>
                        <div class="dv22">
                            <input type="radio" class="input1" name="radio1">
                            <span class="input2"></span>
                            <span class="text">开启摄像头01</span>
                        </div>
                    </div>
                </div>
                <div class="ThingJS_number">
                    <div class="p1">
                        <span class="span1 ThingJS_property-name">1号粮仓数量</span>
                        <div class="slider-bar ThingJS_slider">
                            <div class="slider ThingJS_slider-fg">
                                <span class="slider-sp1"></span>
                                <span class="slider-sp2 ThingJS_percent">40%</span>
                            </div>
                        </div>
                        <input type="number" class="span5 ThingJS_text" value="18">
                    </div>
                </div>
                <div class="dv-string">
                    <p class="p1">
                        <span class="span1">2号粮仓数量</span>
                        <span class="span2">30个</span>
                    </p>
                </div>
                <div class="dv-boolean ThingJS_boolean">
                    <p class="p1">
                        <span class="span1 ThingJS_property-name">视频监控</span>
                        <span class="span2 ThingJS_boolean-btn"></span>
                    </p>
                </div>
                <div class="dv-boolean">
                    <p class="p1">
                        <span class="span1">对讲机</span>
                        <span class="ThingJS_boolean-btn-checked"></span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板9 -->
        <div class="panel panel9">
            <div class="main">
                <div class="title">
                    <p class="text">NET-4-3</p>
                    <span class="close"></span>
                </div>
                <div class="dv-image">
                    <img src="./images/icon2.png" alt="">
                    <p class="p2">
                        <span class="icon2"></span>
                    </p>
                </div>
            </div>
        </div>

        <!-- 面板10 -->
        <div class="panel panel10">
            <div class="main">
                <div class="title">
                    <p class="text">NO-OIERYWT</p>
                    <span class="close"></span>
                </div>
                <div class="tab-box ThingJS_Tab">
                    <div class="tab">
                        <div class="tabb">
                            <span class="span-tab ThingJS_tab-li ThingJS_tab-lied">切换标题</span>
                            <span class="span-tab ThingJS_tab-li">切换标题</span>
                            <span class="span-tab ThingJS_tab-li">切换标题</span>
                        </div>
                    </div>
                </div>
                <div class="dv-table ThingJS_table">
                    <table class="table1" cellspacing="0" cellpadding="0">
                        <thead class="thead1">
                            <tr>
                                <th class="ThingJS_table-th">名称</th>
                                <th class="ThingJS_table-th">参数</th>
                                <th class="ThingJS_table-th">时间</th>
                                <th class="ThingJS_table-th">状态</th>
                            </tr>
                        </thead>
                        <tbody class="ThingJS_table-tbody">
                            <tr>
                                <td class="ThingJS_table-td">名称</td>
                                <td class="ThingJS_table-td">120MP</td>
                                <td class="ThingJS_table-td">20180202</td>
                                <td class="ThingJS_table-td">启用</td>
                            </tr>
                            <tr>
                                <td>名称</td>
                                <td>120MP</td>
                                <td>20180202</td>
                                <td>启用</td>
                            </tr>
                            <tr>
                                <td>名称</td>
                                <td>120MP</td>
                                <td>20180202</td>
                                <td>启用</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

        <!-- 面板11 -->
        <div class="panel panel11">
            <div class="main">
                <div class="title">
                    <p class="text">NO-OIERYWT</p>
                    <span class="close"></span>
                </div>
                <div class="tab-box">
                    <div class="tab">
                        <div class="tabb">
                            <span class="span-tab ThingJS_tab-lied">切换标题</span>
                            <span class="span-tab">切换标题</span>
                            <span class="span-tab">切换标题</span>
                        </div>
                    </div>
                </div>
                <div class="dv6 ThingJS_val">
                    <p class="p1 ThingJS_string-value">1.我们会关注到您的反馈，并以此来改进</p>
                    <input class="input1 ThingJS_text" type="text">
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                </div>
            </div>

        </div>

        <!-- 面板12 -->
        <div class="panel panel12">
            <div class="main">
                <div class="title">
                    <p class="text">NO-OIERYWT</p>
                    <span class="close"></span>
                </div>
                <div class="tab-box">
                    <div class="tab">
                        <div class="tabb">
                            <span class="span-tab ThingJS_tab-lied">切换标题</span>
                            <span class="span-tab">切换标题</span>
                            <span class="span-tab">切换标题</span>
                            <span class="span-tab">切换标题</span>
                        </div>
                    </div>
                </div>
                <div class="dv6">
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                    <p class="p1">1.我们会关注到您的反馈，并以此来改进</p>
                </div>
            </div>
        </div>


        <!-- 面板13 -->
        <div class="panel panel13">
            <div class="main">
                <div class="dv-progress ThingJS_progress">
                    <p class="p1 ThingJS_property-name">呼家楼街道</p>
                    <div class="bar ThingJS_bar">
                        <div class="progress ThingJS_progress-bar">
                            <div class="percent ThingJS_percent">
                                <div class="btn ThingJS_progress-btn"></div>
                            </div>
                            <ul class="point-ul">
                                <li class="point-li ThingJS_step ThingJS_finished"></li>
                                <li class="point-li ThingJS_step ThingJS_finished"></li>
                                <li class="point-li ThingJS_step start"></li>
                                <li class="point-li ThingJS_step stop"></li>
                                <li class="point-li ThingJS_step"></li>
                                <li class="point-li ThingJS_step"></li>
                                <li class="point-li ThingJS_step"></li>
                                <li class="point-li ThingJS_step"></li>
                                <li class="point-li ThingJS_step"></li>
                            </ul>
                            <ul class="prop-ul">
                                <li class="prop-li ThingJS_step-label">全景</li>
                                <li class="prop-li ThingJS_step-label">建外街道</li>
                                <li class="prop-li ThingJS_step-label">朝外街道</li>
                                <li class="prop-li ThingJS_step-label">朝外街道</li>
                                <li class="prop-li ThingJS_step-label">呼家楼街道</li>
                                <li class="prop-li ThingJS_step-label">三里屯街道</li>
                                <li class="prop-li ThingJS_step-label">东外街道</li>
                                <li class="prop-li ThingJS_step-label">左家庄街道</li>
                                <li class="prop-li ThingJS_step-label">团结湖街道</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 面板14 -->
        <div class="panel panel14">
            <div class="main">
                <div class="title">
                    <p class="text">NET-4-3-关联视频</p>
                    <span class="close"></span>
                </div>
                <div>
                    <div class="dv-iframe ThingJS_iframe">
                        <p class="p1 ThingJS_property-name">NET-4-3-关联视频</p>
                        <iframe src="http://www.thingjs.com/guide/lib/7.mp4" frameborder="0" width="100%" height="100%"
                            scrolling="no" style="height: 150px;" allowFullscreen="true"></iframe>
                    </div>
                </div>
            </div>
        </div>

        <!-- 面板16 -->
        <div class="panel panel16 ThingJS_s2c1">
            <div class="main">
            </div>
        </div>

        <!-- 面板21 -->
        <div class="panel panel21">
            <ul class="menu-container ThingJS_menu-container">
                <li class="menu-item ThingJS_menu-item">菜单1</li>
                <li class="menu-item">菜单2</li>
                <li class="menu-item ThingJS_active">菜单3
                    <div class="menu-right ThingJS_menu-right"></div>
                    <ul class="menu-container ThingJS_menu-child">
                        <li class="menu-item">子菜单1</li>
                        <li class="menu-item">子菜单2</li>
                        <li class="menu-item ThingJS_active">子菜单3
                            <div class="menu-right"></div>
                        </li>
                        <li class="menu-item">子菜单4</li>
                    </ul>
                </li>
                <li class="menu-item">菜单4</li>
            </ul>
        </div>
    </div>
</body>

</html>